<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
    <title>证书查询</title>
    <style type="text/css">
        *{ margin:0; padding: 0; -webkit-transform:transition3d(0,0,0); }
        html{ height:100%; width: 100%;}
        body{  background: url('http://alicdn.epg.huan.tv/project/prove/bgs.png'); background-size: 100%; color: #494949; font-size: 12px; font-family: Arial, Helvetica, sans-serif; height:100%; width: 100%;}
        h1,h2,h3,h4,h5,h6{ font-weight: normal; font-size: 18px;}
        a,a:active,a:visited,a:focus,a:hover,button,button:active,button:visited{ color: #494949; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
        li{ list-style: none;}
        .wapper{ background: url('http://alicdn.epg.huan.tv/project/prove/bg.png') no-repeat; background-size: 100%; box-sizing: border-box; color: #875912; padding: 0 45px; position: relative; text-align: center; width: 100%;}
        .title{ font-size: 18px; padding: 240px 0 0;}
        .title li:last-child{ font-size: 14px; padding: 5px 0 0;}
        .wapper p,.list li{ margin: 0 0 7px;}
        .wapper p{ font-size: 15px; margin:10px 0 15px;}
        .list{ padding: 12px 0 0; }
        .list li{ font-size: 14px; overflow: hidden; text-align: left; zoom:1;}
        .list li strong{ display: inline-block; float: left; width: 80px; }
        .list li span{ float: left; width: 200px; }
        .foot{ margin: 0 auto; padding: 10px 0 0; width: 220px;}
        .foot li{ line-height: 1.5; margin: 0 0 5px;}
        /*7plus*/
        @media (min-device-width : 375px) and (max-device-width : 376px) and (-webkit-min-device-pixel-ratio : 3){
            .title{ font-size: 18px; padding: 265px 0 0;}
        }
        /*6plus*/
        @media (min-device-width : 414px) and (max-device-width : 415px) and (-webkit-min-device-pixel-ratio : 3){
            .title{ font-size: 18px; padding: 265px 0 0;}
        }
        @media (min-device-width : 360px) and (max-device-width : 361px) and (-webkit-min-device-pixel-ratio : 4){
            .wapper{ padding: 0 30px 40px; transform: scale(0.92); transform-origin: top center; }
            .title{ font-size: 16px; padding: 230px 0 0}
        }
    </style>
</head>
<body>
<div class="wapper">
    <ul class="title">
        <li>
            <h1>{{ $company['company'] }}</h1>
        </li>
    </ul>
    <ul class="list">
        <li><strong>证书编号：</strong>{{ $company['code'] }}</li>
        <li><strong>终端品牌：</strong>{{ implode("、", $company['brands']) }}</li>
        <li><strong>代理类型：</strong>{{ $company['class']}}</li>
        <li><strong>地域范围：</strong>{{ implode("、", $company['areas']) }}</li>
        <li><strong>时间期限：</strong>{{ $company['times']['from'] }}-{{ $company['times']['to'] }}</li>
        <li><strong>广告形态：</strong>
            <span>{{ implode("、", $company['ads']) }}等;</span></li>
    </ul>
    <ul class="foot">
        <li>举报邮箱：advertise@huan.tv</li>
        <li>备注：此授权书最终解释权归广州欢网科技有限公司所有</li>
    </ul>
</div>
</body>
</html>